<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./assets/mui/css/mui.min.css">
    <!-- <link rel="stylesheet" href="./assets/mui/fonts/mui.ttf"> -->
    <link rel="stylesheet" href="./assets/fontAwesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/commonts.css">
    <link rel="stylesheet" href="css/product.css">


</head>

<body>
    <!--头部  -->
    <div class="lt_header">
        <span class="lt_tittle">商品详情</span>
        <a class="lt_header_back fa fa-arrow-left" href="javascript:history.back();"></a>
        <a class="lt_header_idx icon_home fa fa-home" href="index.html"></a>

    </div>


    <div class="container">
        <div id="refreshContainer" class="mui-content mui-scroll-wrapper">
            <div class="mui-scroll">
                <!--数据列表-->
                <!--轮播图  -->
                <div class="lt_lubotu">
                    <div class="mui-slider">
                        <div class="mui-slider-group mui-slider-loop">
                            <!--支持循环，需要重复图片节点-->
                            <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="./images/detail.jpg" /></a></div>
                            <div class="mui-slider-item"><a href="#"><img src="./images/product.jpg" /></a></div>
                            <div class="mui-slider-item"><a href="#"><img src="./images/detail.jpg" /></a></div>


                            <!--支持循环，需要重复图片节点-->
                            <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="./images/product.jpg" /></a></div>
                        </div>
                        <div class="mui-slider-indicator">
                            <div class="mui-indicator mui-active"></div>
                            <div class="mui-indicator"></div>
                        </div>
                    </div>
                </div>

                <!--商品标题  -->
                <div class="product_title">
                    <p>匡威三星标1970s converse复刻 142334c 144757c三星标黑色高帮</p>
                </div>
                <!--商品价格  -->
                <div class="product_price">
                    价格：<span class="price">￥500.00</span><span class="old_price">￥800.00</span>
                </div>
                <!--商品尺码  -->
                <div class="product_chima">
                    尺码：
                    <span>34</span>
                    <span>35</span>
                    <span>36</span>
                    <span>37</span>
                    <span>38</span>
                    <span>39</span>
                    <span>40</span>
                    <span>41</span>
                    <span>42</span>
                    <span>43</span>
                    <span>44</span>
                </div>
                <!--商品数量  -->
                <div class="product_num">
                    数量：
                    <div class="mui-numbox" data-numbox-min='0'>
                        <!-- "-"按钮，点击可减小当前数值 -->
                        <button class="mui-btn mui-numbox-btn-minus" type="button">-</button>
                        <input class="mui-numbox-input" type="number" />
                        <!-- "+"按钮，点击可增大当前数值 -->
                        <button class="mui-btn mui-numbox-btn-plus" type="button">+</button>
                    </div>
                    <span>剩余：20件</span>
                </div>
            </div>
        </div>
    </div>

    <!--底部  -->
    <div class="product_foot">
        <span class="btn_cart fa fa-shopping-cart"></span>
        <button type="button" class="mui-btn mui-btn-primary mui-pull-left">蓝色</button>

        <button type="button" class="mui-btn mui-btn-danger mui-pull-right">红色</button>



    </div>





</body>

</html>
<script src="./assets/mui/js/mui.min.js"></script>
<script src="./assets/zepto/zepto.min.js"></script>
<script src="./assets/artTemplate/template.js"></script>
<script type="text/html" id="goodsTpl">
   
</script>

<script src="./js/common.js"></script>
<script src="js/searchProduct.js"></script>
<script src="js/product.js"></script>